<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ERKE首页</title>
    <link rel="shortcut icon" href="https://www.erke.com/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.css">
    <link rel="stylesheet" href="/css/index.css">
    <script src="/js/index.js"></script>
</head>

<body>
    <div class="header">
    </div>



    <main>
        <div class="swiper-container ">
            <div class="swiper-wrapper">
                <div class="swiper-slide"
                    style="background: url(https://www.erke.com/upload/Image/mrtp/1_33008_190730084642584402.jpg) no-repeat center top">
                </div>
                <div class="swiper-slide"
                    style="background: url(https://www.erke.com/upload/Image/mrtp/1_33006_190730084532223782.jpg) no-repeat center top">
                </div>
                <div class="swiper-slide"
                    style="background: url(https://www.erke.com/upload/Image/mrtp/1_33002_190730083856386058.jpg) no-repeat center top">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <div class="video">

            <video id="video" src="https://www.erke.com/upload/Video/mrsb/30384_180704101354762684.mp4" width="100%"
                loop controls="controls"></video>
            <h2 class="hh">大国品牌，鸿星尔克</h2>
        </div>

        <div class="ad-show">

            <div class="ad-show-box">
                <h3>ERKE科技</h3>
                <p></p>
                <p>&nbsp;激发运动潜能，ERKE运动黑科技，</p>
                <p>让你欲罢不能。</p>
                <a class="bg-color" href="https://www.erke.com/shy/ekkj/">进一步了解</a>
                <p></p>
            </div>
        </div>
        <div class="ad-box">
            <ul>
                <li style="float:left;">
                    <div class="box">
                        <div class="infoBox">
                            <h3>在线商城</h3>
                            <p></p>
                            <p>&nbsp;将时尚与色彩融入你的训练，</p>
                            <p>全新商城等你来发现你的活力！</p>
                            <p></p>
                            <a class="bg-color" href="/html/list.html">进入商城</a>

                        </div>
                    </div>
                </li>
                <li style="float:right;">
                    <div class="box">
                        <div class="infoBox">
                            <h3>ERKE社区</h3>
                            <p></p>
                            <p>&nbsp;认识那些热爱运动的伙伴们，</p>
                            <p>在ERKE社区找到最适合你的服务</p>
                            <p></p>
                            <a class="bg-color" href="https://www.erke.com/shy/ekshq/">进入社区</a>

                        </div>
                    </div>
                </li>
            </ul>
        </div>


    </main>

    <div class="footer">

    </div>
    <script src="/libs/requirejs/require.min.js" data-main="/js/index">
    </script>


</body>

</html>